<template>
	<div>
		<ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media"
				 v-for ="item in newsList" :key="item.id">
					<router-link :to="'/home/news/newsContent/'+item.id">
						<img class="mui-media-object mui-pull-left" :src="item.img_url">
						<div class="mui-media-body">
							<h4>{{item.title}}</h4>
							<p class="mui-ellipsis"><span>发表时间：{{item.add_time|dateFormat}}</span><span>点击次数：{{item.click}}</span></p>
						</div>
					</router-link >
				</li>
				
			</ul>
	</div>
</template>
<style scoped  lang="scss">
	.mui-table-view{
		h4{
			font-size: 14px;
		}
		.mui-ellipsis{
			font-size: 12px;
			color:#33c9FF;
			display: flex;
			justify-content:space-between;
		}

	}
</style>
<script>
	import { Toast } from 'mint-ui';
	export default{
	data:function(){ return{newsList:[]}},
	created:function(){this.getNewsList();},
	methods:{
		getNewsList:function(){
			this.$http.get('api/getnewslist').then(result=>{
				
				if(result.body.status==0)
				{
					this.newsList = result.body.message;

				}
			else{
				Toast('数据加载失败');
			}
			});
		}
	}


	}
</script>